<div class="modal" style="background-color: transparent;">
  <!--<ion-header-bar class="bar bar-header bar-positive">-->
    <!--<h1 class="title">{{ modalData.title}}</h1>-->
    <!--<button class="button button-clear button-primary" ng-click="closeModal(vm)">Close</button>-->
  <!--</ion-header-bar>-->
  <!--<ion-content>-->

    <!--<div style="height: 60%">-->

    <!--</div>-->
  <div ng-click="cancelButton(vm)" style="background-color: transparent;width: 100%;bottom:0px;top: 0px;;position: fixed;">

  </div>

    <div style="pointer-events:auto ;background-color: white;width: 100%; height: 300px;bottom: 0px;position: fixed;z-index: 9999">
      <!--Select date: <input type="date" ng-model="selectedDate" style="border: solid 1px #ddd;" />-->

      <!--<button ng-click="okButton(vm)">OK</button>-->
      <!--<button ng-click="cancelButton(vm)">Cancel</button>-->
      <ion-list>
        <div style="border-top:lightgray 2px solid;">
          <ion-scroll on-release="releaseFromScrollOne()" delegate-handle="scrollOne" style="width: 33%;height: 265px;float: left;" on-scroll="executeScroll($event)">
            <ion-item class="c">&nbsp;</ion-item>
            <ion-item class="item-choice">&nbsp;</ion-item>
            <ion-item class="item-choice" ng-repeat="pro in pros">{{pro.provinceName}}</ion-item>
            <ion-item class="item-choice">&nbsp;</ion-item>
            <ion-item class="item-choice">&nbsp;</ion-item>
          </ion-scroll>
          <ion-scroll on-release="releaseFromScrollTwo()" delegate-handle="scrollTwo" style="width: 33%;height: 265px;float: left;">
            <ion-item class="item-choice">&nbsp;</ion-item>
            <ion-item class="item-choice">&nbsp;</ion-item>
            <ion-item class="item-choice" ng-repeat="city in scrollProperty.scrollTowArray">{{city.cityName}}</ion-item>
            <ion-item class="item-choice">&nbsp;</ion-item>
            <ion-item class="item-choice">&nbsp;</ion-item>
          </ion-scroll>
          <ion-scroll on-release="releaseFromScrollThree()" delegate-handle="scrollThree" style="width: 33%;height: 265px;float: left;">
            <ion-item class="item-choice">&nbsp;</ion-item>
            <ion-item class="item-choice">&nbsp;</ion-item>
            <ion-item class="item-choice" ng-repeat="town in scrollProperty.scrollThreeArray">{{town.regionName}}</ion-item>
            <ion-item class="item-choice">&nbsp;</ion-item>
            <ion-item class="item-choice">&nbsp;</ion-item>
          </ion-scroll>
          <div style="left:0;pointer-events: none; height: 54px;width: 100%;background: #000000;position: absolute;opacity: 0.2;margin-top: 104px;"></div>
        </div>
      </ion-list>
      <div>
        <button style="border:none;padding:6px 20px;background-color:white;color:#3A86E8; font-size: 1.2em" ng-click="cancelButton(vm)">取消</button>
        <button style="border:none;padding:6px 20px;background-color:#3A86E8;color: white;float:right;font-size:1.2em;" ng-click="okButton(vm);">确认</button>
      </div>
    </div>
  <!--</ion-content>-->
</div>
